@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 14px/1.8 "Source Han Sans", "PingFang SC","微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; margin: 0 auto; color: #454545; width: 100%; height: 100%; overflow: hidden;-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul,li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;border: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #666; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.conten_box{-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.row{ margin-left:-15px; margin-right: -15px;}
.w50{ width:45%; margin: 0 2.5%;}
.trans {-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-o-transition: all .1s ease;
  -ms-transition: all .4s ease;transition: all .4s ease;}
.po_r{ position:relative}
.wrap { width:1280px; margin: 0px auto;}
.inner_100{ width:100%;}
.img_qz{ width:100%; height:auto;overflow: hidden;}
.img_qz img{transition: 300ms; width:100%; }
.fangda{ }
.fangda:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}
a:hover .img_qz img{transform: scale(1.1);
	-webkit-transition: 0.8s ease-in;  
        -moz-transition: 0.8s ease-in;  
        -o-transition: 0.8s ease-in;  
        transition: 0.8s ease-in; }

.header-box{ position:fixed; width:100%; left:0; top:0; z-index:299;}
.header-box.scollfox { animation: 850ms 350ms; background:url(../images/002.png) repeat-x; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;height: 90px; }

.header{ padding:0px 0; margin:0 0px; position:relative; background:#fff; height: 94px;box-shadow: -1px 0 6px rgba(0, 0, 0, 0.3); }

.logo{  width:286px; background: #0072b9; height: 94px;text-align: center; float: left;}
.logo img{ width:238px; height:auto; margin-top: 20px; }

.navMenu{ position:absolute; right:150px;}
.nav >li{ float:left; position:relative;  cursor:pointer;  line-height:94px;}
.nav >li >a{ display:block;padding:0 20px; color:#454545; font-size:16px; position:relative;}
.nav >li >a:hover{color:#fff;}

.nav li:hover a.tit {
  color: #232323;
  background:#f5f5f5;
}

.nav li.hover a.tit {
  color: #232323;
  background:#f5f5f5;
}


.meundown{ background:#e5e5e5; position:absolute; width:132px; padding:15px 6px 25px; left:50%; margin-left:-50px; top:84px; opacity:0; transition:430ms; visibility:hidden; z-index:999; }
.meundown:before{ content:""; width:10px; height:20px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#0072b9; color: #fff; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:35px; color:#666; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0; color: #fff;}
.meundown li a:hover{ color: #fff;}
.nav >li:hover:before,.nav >li.current:before{ height:80px; opacity:1; z-index: 0; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:94px;}

.header-ri{ float:right; position: relative; height: 94px; width:105px; border-left: 1px solid #e7e7e7;}
.header-ri a{ display:block; height: 94px; width:105px;}
.header-ri a:nth-child(1){ background:url(../images/001.png) center no-repeat;}
.header-ri a:hover{ margin-top:0px;}

#ewm{ width:210px; height:250px; padding:5px; line-height:40px; position:absolute; right:0%; border:1px solid #ccc; background:#fff; top:94px; text-align:center; color:#352920;z-index:99999999999; }
#ewm img{width:200px;height: auto;}

.header .so-btn{
}
.header .so-box{
    display: none;
    position: absolute;
	width: 400px;
    top: 100px; 
    right: 0;
    font-size: 14px;
    color: #333;
    height: 45px;
    border-radius: 3px;
    overflow: hidden;
    border: 0px solid #e5e5e5;
    background-color: #fff;
}
.header .so-box .txt{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 56px 0 49px;
    height: 45px;
}
.header .so-box .txt::-webkit-input-placeholder {color: #333;}
.header .so-box .txt::-moz-placeholder {color: #333; }
.header .so-box .txt::-ms-input-placeholder {color: #333;}
.header .so-box .close{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 56px;
    cursor: pointer;
    background: url(../images/close1.png) center center no-repeat;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.header .so-box .btn{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 37px;
    cursor: pointer;
    background: url(../images/so-btn2.png) right center no-repeat;
}
.header .so-box .close:hover{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.header .so-btn-m {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 13px;
    right: 5px;
    background: url(../images/so-btn1.png) center center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.mtop{ display:none;}
.flexmeun{ position:fixed; right:20px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background:#333333; position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background:#14a753; position:absolute; right:0; top:0; opacity:
0; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(../images/hi1.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(../images/use.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}

.floating_ck{position:fixed;right:0px;bottom:25%; z-index: 9999;}
.floating_ck dl dd{position:relative;width:50px;height:50px; border-radius: 50%; background-color:#999;border-bottom:solid 0px #fff;text-align:center;cursor:pointer; font-size:14px; margin-bottom: 5px;}
.floating_ck .last{ border-bottom:none}
.floating_ck .last:hover{ border-bottom:none}
.floating_ck dl dd:hover{background-color:#2d9a64;border-bottom:solid 1px #2d9a64;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/tel.png);}
.f_home{background:url(../images/012.png) no-repeat center; color:#fff; font-weight: bold;}
.quote{background-image:url(images/kficon.png);}
.qrcord{background:url(../images/sm.png) no-repeat center;}
.return{background:url(../images/top.png) no-repeat center;}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:60px;background-color:#252c3c;border-bottom:solid 1px #252c3c;display:none; font-size:18px;}
.floating_left a{color:#fff;line-height:60px;}
.floating_ewm{height:200px;top:-100px;}
.floating_ewm i{background:url(../images/wx.png);background-size: 100% auto;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:8px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:28px;}
.floating_ewm .qrcord_p02{font-size:16px;}

/*******************************
    -------[=手机导航]-------
********************************/

.header_tel{ height:65px; width:100%; position: fixed;background-color: rgba(255, 255, 255, 1); top:0; left: 0; z-index: 99; display: none; }

.menuBtn {
    position: fixed;top: 15px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block;height: 3px;background-color: #232323; 
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0%;right: 0%;
    background-color: #fff;
    z-index: 99;
    border-top: 2px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
	 height: 500px; overflow-y:auto;
}
#aside .menu { }
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{
    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    background: url(../images/icon-close3.png) 95% center no-repeat;
    background-size: auto 14px;
}
#aside .menu li.h-sub.open > a{
    background: url(../images/icon-open.png) 95% center no-repeat;
    background-size: 14px auto;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    text-align: center;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}

.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; bottom:0; left:0; background:#dcc49c; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:33.3%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar { display: none;}
/*矢量图标*/
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}




/*******************************
    -------[=banner]-------
********************************/
.bannerTel{ display: none; }
.slick4_bantel{position:relative; overflow:hidden; max-width:1004px; padding-top: 65px;}
.slick4_bantel .slick img{ width:100%;}
.slick4_bantel .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:20px;}
.slick4_bantel .slick-dots li{display:inline-block; margin:0 8px; width:10px; height:10px; background: url(../images/ico3.png) no-repeat; }
.slick4_bantel .slick-dots .slick-active{ background: url(../images/ico3on.png) no-repeat;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.banner { position: relative; overflow: hidden; top: 0; }
.banner .bannerfix >li { height:50%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
.banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:580ms 120ms;}
.banner .bannerfix >li.imgIn .bbox2 h1{ opacity:1; visibility:visible; top:0; transition:880ms 240ms;}
.banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.bbox{ width:596px; margin:auto; position:absolute; right:8%; margin-left:0px; top:40%; text-align:center; margin-top:0px; height: 126px;  opacity:1; visibility:visible; transition:420ms 0ms;}
.bbox2{ width:639px; margin:auto; position:absolute; left:50%; margin-left:-318px; top:33%; text-align:center; margin-top:-50px;height: 159px;}

.bbox small{ display:block; text-align:center; color:#fff; font-size:18px; margin-bottom:5px; line-height:1; letter-spacing:10px; opacity:0; visibility:hidden; position:relative; top:30px; padding-top: 30px;} 
.bbox h1{ background:url(../images/z1.png) no-repeat;background-size: 100% auto;width:596px;height: 126px;  opacity:0; visibility:hidden; position:relative; top:30px; }
.bbox2 h1{ background:url(../images/z2.png) no-repeat;background-size: 100% auto;width:639px;height: 159px;  opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox b{ display:block; line-height:3.2; text-align:center; color:#fff; font-size:48px; margin-bottom:0px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px;}
.bbox p{ width:440px; text-align:center; height:132px; color:#fff; font-size:16px; line-height:2; margin:auto; opacity:0; visibility:hidden; position:relative; top:30px;}
.details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
.details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
.details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;}
.details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
.details:hover a{ color:#0c7040; background:url(../images/arrow2.png) 112px center no-repeat;}:scaleY(1); visibility:visible;}
.details:hover a{ color:#0c7040; background:url(../images/arrow2.png) 112px center no-repeat;}

.bamnline { width: 692px; left:50%; margin-left:-346px; top:50%; margin-top:20px; background:#fff; z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 1px; background: #57baa8; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }


.indexPart1{width:100%;padding: 50px 0 80px 0; background:url(../images/001.jpg) no-repeat top center #f5f5f5;}
.i_name { text-align: center; font-size: 22px; color:#363636; padding: 25px 40px; font-weight: bold; margin-bottom: 20px;}
.i_name h3{ font-size: 32px; line-height: 1; }
.i_name h4{ font-size: 32px;  font-weight: lighter;}

.indexPart1 ul{ margin-top: 30px;}
.indexPart1 ul li{width:100%;}
.swiper-container3 {
      width: 100%;
      height: 100%;
    }
.indexPart1 .i_cp_box{ width:100%;}
.indexPart1 .i_cp_box img{ width:100%; height: auto;}
.indexPart1 .i_cp_box .txt2{ width:100%; height: 62px;  background: #424242; text-align: center; line-height:62px; font-size: 18px; color:#fff; float: left;}
.indexPart1 .i_cp_box:hover .txt2{background: #0072b9;-webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}

.indexPart2_tel{ width:100%; height: auto; display: none}
.indexPart2_tel img{width:100%; height: auto;}
.indexPart2{width:100%; background:url(../images/005.jpg) no-repeat top center;position: relative; height: 759px;}
.i_name_b { text-align: center; font-size: 22px; color:#fff; padding: 25px 40px; font-weight: bold;margin-top: 50px;}
.i_name_b h3{ font-size: 32px; line-height: 1; }
.i_name_b h4{ font-size: 32px;  font-weight:lighter;}
.i_gy{ width:100%; position: relative;}
.i_gy .mid_tu{ width:485px; left: 50%;margin-left: -200px;position: absolute;top:100px; }
.i_gy .left{position: absolute;left:5px;}
.i_gy .left .txt{ color:#fff; position: relative;}
.i_gy .left .txt h2{ font-size:24px; margin-bottom: 5px;}
.i_gy .left .txt p{font-size:15px; font-weight:normal; line-height: 20px;}
.txt01{ margin-top: 40px;}
.i_gy .left .txt .i_gy_line{ position: absolute; left:260px; top:8px;}
.i_gy .left .txt .i_gy_line2{ position: absolute; left:195px; top:0px;}
.i_gy .left .txt .i_gy_line3{ position: absolute; left:190px; top:-15px;}
.i_gy .left .txt .i_gy_line4{ position: absolute; left:280px; top:-55px;}

.i_gy .right{position: absolute;right:5px; top:30px;}
.i_gy .right .txt{color:#fff; position: relative;}
.i_gy .right .txt .ico{width:45px; height: 45px; float: left;}
.i_gy .right .txt p{ padding-left: 50px; height: 45px; line-height: 45px; font-size: 18px;}
.txt02{ margin-top: 10px; margin-bottom: 20px;}


.indexPart3{width:100%; background:url(../images/006.jpg) no-repeat top center;}
.indexPart3_case{width:100%;padding: 30px 0 0px 0; position: relative}
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
	position: relative;
    }
.swiper-slide .img{ position: relative; width: 100%; height:auto;z-index: 0;}
.swiper-slide .img img{width: 100%; height:auto;}
.swiper-slide .txt{position: absolute; padding-left: 20px; color: #fff;  z-index: 99; bottom: 20px;}
.swiper-slide .txt h2{ font-size:22px;}
.swiper-slide .txt h3{ font-size:16px;font-weight: normal; font-family: Arial," sans-serif"; color: #fff;opacity:0.8;}
.swiper-button-prev{ width:43px; height: 72px; background: url(../images/018.png) no-repeat; left:-5%; position: absolute; margin-top: 20px;}
.swiper-button-next{ width:43px; height: 72px; background: url(../images/017.png) no-repeat; right:-5%; position: absolute;margin-top: 20px;}
.i_n_but {margin-top:30px;}
.i_news_cnt{
  width: 100%; margin: 30px auto 0 auto;
}
.i_news_list{
	margin:0 0%;
}
.i_news_item{
  width: 50%;
  float: left;
  position: relative;
	background: #eeeeee;
}
.i_news_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 60%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item{ padding:0px;}
.i_news_item h2{
  color: #232323;
  font-size:20px;
  width: 100%;
	font-weight:normal;
  box-sizing: border-box;
  padding: 25px 20px 0px 20px;
  overflow: hidden;
	
}
.i_news_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 25px;
  padding: 5px 20px;
  line-height: 28px; overflow: hidden; color: #666666; 
}
.i_news_item h6{
	margin-bottom: 0.3rem;
	width: 100%;
	color: #999; 
	font-size: 12px;
	padding: 0 20px;
	font-weight: normal;
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 20px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.i_news_item:hover .i_news_line span{
  width: 100%;
}
.i_news_item:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.indexPart3_news{width:100%;padding: 50px 0 80px 0; }
.i_news_cnt2{
  width: 100%; margin: 0px auto 0 auto;position: relative
}
.i_news_list{
	margin:0 0%;
}
.i_news_item2{
  float: left;
  position: relative;
	background: #fff;
}
.i_news_item2:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage2{
    width:100%;
    height:0;
    padding-bottom: 55%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item2{ padding:0px;}
.i_news_item2 h2{
  color: #232323;
  font-size:20px;
  width: 100%;
	font-weight:normal;
  box-sizing: border-box;
  padding: 25px 20px 0px 20px;
  overflow: hidden;
	
}
.i_news_item2 p{
  color: #4c4c4c;
  font-size: 15px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 25px;
  padding: 5px 20px;
  line-height: 28px; overflow: hidden; color: #666666; 
}
.i_news_item2 h6{
	width: 86px;
	padding-bottom: 10px;
	color: #999; 
	font-size: 14px;
	margin: 10px 20px;
	font-weight: normal;
	border-bottom: 1px solid #68ba9d;
	
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 20px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.i_news_item2:hover .i_news_line span{
  width: 100%;
}
.i_news_item2:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.indexPart3_news .swiper-button-prev2{width:16%; height: 100%; background:url(../images/016.png) no-repeat center center rgb(0,0,0,0.3); left:0%; top:0;  position: absolute;z-index: 9;cursor:pointer; }
.indexPart3_news .swiper-button-next2{width:16%; height: 100%; background:url(../images/015.png) no-repeat center center rgb(0,0,0,0.3); right:0%; top:0;  position: absolute;z-index: 9;cursor:pointer; }
.w100{ width:100%; position: relative;}


.indexPart4{width:100%; background:url(../images/010.jpg) no-repeat top center;position: relative; height: 668px; padding-top: 30px;}
.indexPart4 p{ width:80%; margin: 0 auto; color:#fff; text-align: center; font-size: 16px; line-height: 36px; font-weight:normal; margin-top: 4%;}
.indexPart4 p a{ color:#fff;}
.indexPart4 h5{ font-size: 32px; text-align: center; color:#fff; font-weight: lighter; margin-top: 7%;}


/*底部CSS*/
footer .footer-top .select{
	display:none;
}
footer .footer-right .pojoi{
	display:none;
}
footer{
	background-color:#333333;
}
footer .footer-top{
	position: relative;
}
footer .footer-left{
	float: right;
	width: 303px;
	background: #262626;
	padding: 60px 0;
}
footer .footer-left .num-tel{
	font-size:0.48rem;
	color:#fff;
	font-family: "BEBASNEUE REGULAR";
	line-height:0.48rem;
}
footer .footer-left .quan-tel{
	font-size:0.16rem;
	color:#fff;
	line-height:0.16rem;
	margin-top:0.2rem;
}
footer .footer-left .true-select{
	margin-top:1.25rem;
	width:3.25rem;
	height: 1.25rem;
	display:block;
	font-size:0.4rem;
	color:#999999;
	background-color:#444444;
	background-position:80%;
	background-repeat:no-repeat;
	background-size:8px;
	background-image:url(../img/footer-more.png);
	line-height:1.25rem;
	padding-left: 0.75rem;
	transition:all 0.3s;
}
footer .footer-left .f-logo{
	margin-top:0.2rem;
	margin-bottom: 0.3rem;
	text-align:center;
}
footer .footer-left .f-logo .txt{ color:#999999; text-align: center;margin-top: 20px; }
footer .footer-left .f-logo img{
	max-width:150px; height: auto
}
.social-share .social-share-icon{ width:40px; height: 40px; font-size: 23px;}
.social-share .icon-weibo,.social-share .icon-wechat,.social-share .icon-qq{color: #999999;  background: #303030; border: none;}

footer .footer-ul{
	font-size:0;
	text-align:left;
	width:70%;
	float: left;
	padding-top: 60px;
}
footer .footer-ul li{
	display:inline-block;
	vertical-align:top;
	width:14%;
}
footer .footer-ul li:nth-last-child(1){
	margin-right:0;
}
footer .footer-ul li dt{
	font-size:18px;
	margin-bottom: 0.4rem;
	font-weight: initial;
}
footer .footer-ul li dt a{
	color:#fff;
	transition:all 0.3s;
}
footer .footer-ul li dd{
	font-size:15px;
	margin-bottom:0.15rem;
}
footer .footer-ul li dd.er-dd{
	font-size:14px;
	margin-bottom:0.10rem;
}

footer .footer-ul li dd a{
	color:#777;
	transition:all 0.3s;
}
footer .footer-ul li dd.er-dd a{
	opacity: 0.5;
	transition:all 0.3s;
}

footer .footer-bottom{
	border-top:1px solid  rgba(255, 255, 255, 0.05);
}
footer .footer-bottom p{
	color:#ffffff;
	float:left;
	padding: 23px 0;
}

footer .footer-bottom p a{
	color:#ffffff;
	transition:all 0.3s;
}
footer .footer-bottom p a.zhichi{
	margin-left:0.25rem;
}
footer .footer-bottom .b_r{ float:right;width: 303px;background: #262626; text-align: center;padding: 23px 0;}

footer .footer-bottom .select {
    width: 5.5rem;
    position: relative;
    float: right;
    top:0.5rem;
}
footer .footer-bottom .select .tit{
	display: block;
    border: 1px solid rgba(255,255,255,.2);
    line-height: 1rem;
    height: 1rem;
    padding: 0 .4rem;
    color: #7f7f7f;
    font-size: .3rem;
    position: relative;
    background-image:url(../img/f-xia.png);
    background-position:4.8rem center;
    background-size:8px;
    background-repeat:no-repeat;
}
footer .footer-bottom .select .sub{
	    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    border: 1px solid rgba(255,255,255,.2);
    box-sizing: border-box;
    background-color: #212121;
    max-height: 4rem;
    overflow: hidden;
    display: none;
}
footer .footer-bottom .select.on .sub{
	display:block
}
footer .footer-bottom .select .sub a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .4rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #7f7f7f;
    font-size: .3rem;
    transition: all .3s;
}

.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; bottom:0; left:0; background:#333; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:33.333%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar { display: none;}
/*矢量图标*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}

.Phone-Box{ display: none; }
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .mxfDiv{ position: absolute; right: 10%;top: 50%; transform: translateY(-50%); z-index: 9;}
.pageBanner .mxfDiv2{ left: 50%; right: auto; margin-right: 0; margin-left: -7.68rem; }
.pageBanner .txtDiv{ color: #fff; text-align: right;}
.pageBanner .mxfDiv2 .txtDiv{ text-align: left; }
.pageBanner .txt1{ font-size:32px; line-height: 1; padding-bottom: 0.25rem;}
.pageBanner .txt2{ font-size: 0.4rem; height: 0.75rem; line-height: 36px; position: relative; }
.pageBanner .txt2:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; right: 0; bottom: 0; }
.pageBanner .mxfDiv2 .txt2:after{ right: auto; left: 0; }
.pageBanner .sxdDiv{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .wenDiv{ color: #fff; text-align: center;}
.pageBanner .wen1{ font-size: 0.48rem; line-height: 0.48rem; height: 0.8rem; position: relative;}
.pageBanner .wen1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.pageBanner .wen2{ font-size: 14px; padding-top: 0.6rem; }

.pageNav{width: 100%; height: 79px; background:#fff; }
.pageNav ul{display:table; margin: 0 auto; text-align: center;}
.pageNav li{text-align: center; float: left;}
.pageNav2 li{ width: 25%; }
.pageNav3 li{ width: 20%; }
.pageNav4 li{ width: 33.33%; }
.pageNav5 li{ width: 50%; }
.pageNav li a{ display: block; height:79px; color: #333; font-size: 16px; line-height: 79px; padding: 0 50px;border-left: 1px solid #fff; border-right:1px solid #fff; border-top: 3px solid #fff;}
.pageNav li a:hover, .pageNav li .aNow{ background: #f6f6f6; color: #0072b9; border-left: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;border-top: 3px solid #0072b9;}

.pagenavph{ display:none;}

.ny_section{background: #f6f6f6; }
.aboutPart1{ padding: 75px 0 250px 0; overflow: hidden; background:url(../images/011.jpg) no-repeat bottom; }
.aboutPart1 p{width:80%; margin: 0 auto; font-size: 15px; line-height: 2; text-align: center;}
.aboutPart1 h2{text-align: center; font-size: 32px; color:#0072b9; margin-bottom:30px; font-weight: normal}
.cf_img{ width:25%; float: left;}

.aboutPart3{ padding: 65px 0 65px; overflow: hidden; background:#fff;}
.aboutPart3 h2{text-align: center; font-size: 32px; color:#333; margin-bottom:30px;  font-weight: normal}
.aboutPart3 ul{margin: 0 0%;}
.aboutPart3 ul li{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
	margin: 0 0%;
	/*border-bottom: 5px solid #eeeeee;*/
		position: relative;
		overflow: hidden;
	}
.dummy{
		padding-top: 70%;
	}
.aboutPart3 ul li img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.aboutPart3 ul li i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.aboutPart3 ul li p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}
/*.aboutPart3 ul li:hover{border-bottom: 5px solid #00a8cb;}*/

.aboutPart3 .swiper-container {
        width: 100%;
        height: 100%;
    }

.aboutPart3 .swiper-pagination-bullet-active{ background: #00a8cb;}





.aboutPart_zy{ padding: 75px 0 75px; overflow: hidden; }
.aboutPart_zy .txt_content{padding:30px 0;width:85%; margin: 0 auto;}
.aboutPart_zy h2{text-align: center; font-size: 32px; color:#333; margin-bottom:30px;}
.aboutPart_zy img{ max-width: 100%; height: auto;}

.bg_fff{ background:#fff; }
.bor_top{border-top: 1px solid #e5e5e5;}
.Part_box{ padding:75px 0 75px;}
.Part_box img{max-width: 100%; height: auto;}

.td_table table{ width:100%;border-spacing: 0px; margin: 20px 0;}
.td_table td:first-child{ width: 35%;}
.td_table td:last-child{width: 65%;}


.ctabox{ position:relative; padding: 75px 0;  }
.ctabox .pa{  }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; margin-bottom: 10px; font-weight: bold;}
.ctaList .ctas{  float:left; }
.cats_49{width:49%;}
.cats_100{width:100%;}
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative;  margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#005678; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }

.ctaList{ border-top:2px solid #333; }
.ctaArea{  }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #a0733e; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.ctaList li{ width:33.3%;border-bottom:1px solid #ccc; padding:60px 0 36px 0; float: left;}
.ctaList li:first-child{  width: 100%; }
.ditu{ width:100%; height: 550px; font-size: 12px;}


.anli_cnt{
  width: 100%;
  padding:0px 0 0px;
}
.anli_list{
	margin:0 -1%;
}
.anli_item{
  width: 28.3%;
  float: left;
  margin:0 4% 0 1%;
  margin-bottom: 0.8rem;
  position: relative;
	background: #fff;
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.anli_pic{
  width: 100%;
  overflow: hidden;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item{ padding:35px 20px 20px 20px;}
.anli_item h2{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
  padding: 30px 0px 0px 0;
  overflow: hidden;
	margin-bottom: 10px;
	
}
.anli_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  line-height: 20px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.anli_item h6{
	margin-bottom: 20px;
	width: 100%;
	color: #999; 
	font-size: 12px;
	font-weight: normal;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}




.bread-box{
	width:100%;
	padding: 0 5%;
	height: 70px;
    border-bottom: 1px solid #dddddd;
	background: #f5f5f5;
	margin-bottom: 50px;
}
.bread-box .bread{
    float: left;
}
.bread-box .bread a,
.bread-box .bread span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.bread-box .bread a{
    font-size: 14px;
    color: #999;
    transition: all .2s;
	line-height: 70px;
}
.bread-box .bread span{
}
.bread-box .bread .home{
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/home.png');
}
.bread-box .back{
    float: right;
    font-size: 16px;
	line-height: 70px;
    color: #999;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    background-image: url('../images/back-btn.png');
    transition: all .2s;
}


/*
-----------------[文章详细页]--------------*/
.projectshow1{width:100%;margin: 94px auto 60px; background: #fff;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px; position: relative;}
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .title .time2{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .return2{ width:32px; height: 32px; position: absolute; right:0; top:10px;}
.projectshow1 .contentbox{ background:#fff; padding:0%;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;font-family: 微软雅黑, "Microsoft YaHei";}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:10px; border-top:1px #ddd dotted; margin-top: 30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}


/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #212121;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #212121;
}

#pages li:hover a {
    color: #fff;
}

.viewpage {
    border-top: 1px #ddd dotted;
    width: 100%;
    float: left;
    margin-top: 20px;
}




.case_box{ padding:75px 0 75px;}
.case_box ul{margin: 0 0%;}
.case_box ul li{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
	margin: 0 2% 40px 2%;
	width: 29.3%;
	background: #fff;
	padding: 10px 10px 10px 10px;
	/*border-bottom: 5px solid #eeeeee;*/
		position: relative;
		overflow: hidden;
	position: relative;
	}
.case_box ul li .txt{ color: #343434;
    font-size: 16px;
    width: 100%;
    float: left;
    padding: 18px 0 10px 0px; 
    text-align: center;}
/*.dummy{
		padding-top: 70%;
	}
.case_box ul li img{
		max-width: 95%;
		max-height: 95%;
		display: inline-block;
		vertical-align: middle;
	}
.case_box ul li i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.case_box ul li p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}*/

.cp_tu{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
		max-width: 800px;
		max-height: 800px;
		width: 100%;
	margin: 0 0%;
		position: relative;
		overflow: hidden;
	background: #fff;
	
	}
.dummy{
		padding-top: 70%;
	}
.cp_tu img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.cp_tu i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.cp_tu p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

.recruitment-info{ background-color: #fff; padding: 30px 5%; margin-bottom: 40px;}
.recruitment-info h3 { font-size: 24px;font-weight:normal; color: #000; margin-bottom: 10px;}
.recruitment-info .t { font-size: 16px; font-weight: bold; }
.recruitment-info a { color: #cc0000; }
.recruitment-info .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }
.recruitment-info .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 0px; background: #999; bottom: -3px; transition: 400ms; -webkit-transition: 400ms; }
.recruitment-info .email:hover:before { width: 0; right: 0; left: auto; }


.hrList{ width: 100%; margin: 0 auto;font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 60px; line-height: 60px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #333; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 60px; overflow: hidden;}
.hrList .hrT{ background-color: #fff; color:#666666;}
.hrList .hrT .hspan{ line-height: 60px; height: 60px;}
.hrList .ib{ width:16px; height:16px; margin: 22px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #383635; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#0072b9; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #f15921; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}






.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;height: 158px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px; height: 145px;}
.rides-cs .cn .titZx{ font-size: 16px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 50px; height:50px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #232323;}
.rides-cs .cn ul li a{color: #232323;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0px; left: 0;  background: url(../images/bg.png) no-repeat top;height: 158px; display:block;   padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -40px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}